﻿/* DEFAULTS
----------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size:1em;
}

body {
	font-size: 1.4em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	width:1024px;
	margin:0px auto;
}

textarea, input {
	padding: 3px;
}

a:link, a:visited {
	color: #76bb21;
	text-decoration: none;
}

a:hover {
	color: #3f9f3f;
}

a:active {
	color: #034af3;
}

a.btna {
	border: 1px solid #aaaaaa;
	padding: 5px 3px;
	color: #666666;
	border-radius: 5px;
}

a.btna:hover{
	background:#eee;
	color:#000;
}


/* 动画框架
----------------------------------------------------------*/
.flash {
	position:relative;
	width:1024px;
	height:576px;
}

#frame {
	position: absolute;
	width: 1024px;
	height: 576px;
		overflow: hidden;
}

	#frame div {
		position: absolute;
		overflow: hidden;
		background: #575652 url(../images/sky2aaa.jpg) repeat-x;
	}

#topview canvas {
	position: absolute;
	width: 454px; /* 必须定义canvas的宽度高度才能正常显示比列和位置 */
	height: 254px;
}

#topview table {
	position: absolute;
	left: 5px;
	top: 170px;
	font-size: 20px;
}

	#topview table td.td2 {
		width: 70px;
	}

	#topview table td.td3 {
		width: 75px;
	}

#leftview { /* 左视图 */
	top: 322px;
	left: 0px;
	width: 283px;
	height: 254px;
}

#leftbackview { /* 左后视镜视图 */
	top: 341px;
	left: 25px;
	width: 230px;
	height: 150px;
	/*top: 301px;
  left: 25px;
  height: 190px;
  width: 230px;*/
}

#mainview { /* 主视图, 通过设定top等调整视点，??要调整背景图的位置，视口大小104*320 */
	/*left: -284px;
  top: -160px;
  width: 1308px;
  height: 480px;*/
	left: -414px;
	width: 1438px;
	top: -160px;
	height: 480px;
	background: #aaa;
}

#rightview { /* 右视图 */
	top: 322px;
	left: 741px;
	width: 283px;
	height: 254px;
}

#rightbackview { /* 右后视镜视图 */
	top: 341px;
	left: 769px;
	width: 230px;
	height: 150px;
}

div#topview { /* 俯视图 */
	top: 322px;
	left: 285px;
	width: 454px;
	height: 254px;
	background-image: none;
	background-color: #666666;
}

/*#backview {     后视图 
  top: 202px;
  left: 282px;
  width: 400px;
  height: 200px;
}*/

#overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 576px;
	overflow: hidden;
}

#command {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1024px;
	height: 576px;
}

	#command div {
		position: absolute;
		width: 80px;
		height: 80px;
	}

		#command div#next {
			top: 60px;
			left: 900px;
			background: url(../images/jt3.png) no-repeat 0px -0px;
		}

		#command div#previous {
			top: 160px;
			left: 900px;
			background: url(../images/jt3.png) no-repeat -240px 0px;
		}

		/*#command div#help {
			top: 480px;
			left: 44px;
			background: url(../images/jt3.png) no-repeat -160px -80px;
		}*/

		#command div#go {
			top: 480px;
			left: 900px;
			background: url(../images/jt3.png) no-repeat -80px 0px;
		}

		#command div.styl {
			top: 467px;
			width: 200px;
			color:#eeb;
			text-align:center;
			padding-top:30px;
			
		}

		#command div#hidecar { /* 显示隐藏俯视图中的车 */
			left: 285px;
		}

		#command div#stepbystep { /* 显示步骤 */
			left: 538px;
		}


	#command #operation {
		position: absolute;
		top: 60px;
		left: 10px;
	}


#focus {
	position: absolute;
	top: 210px;
	left: 300px;
	width: 200px;
	text-align: center;
	display: none;
}

	#focus #prompt {
		text-shadow: -1px -1px 1px #ffb69a,1px 1px 1px #922e09,-1px -1px #ffb69a,1px 1px #922e09;
		color: #e73f00;
		font-size: 1.2em;
	}


.as970x90{
	padding:15px 27px;
}

.title{
	padding:10px 20px;
	width:984px;
	font-size:1.2em;
	background:#aaa;
	color:#fff;
	margin:2px 0px 2px 0px;
}

.navigation{
	margin:15px 0px;
	width:1024px;
	font-size:0.9em;
}

.navigation a{
	margin-right:10px;
}

.navigation td {
	text-align:right;
	padding:0px 5px;
}

.navigation td#nav {
	text-align:left;
}


.navigation #userlogined{
	display:none;
}
.navigation .userinlogin{
	display:none;
}
.navigation .userinlogin input{
	width:90px;
}


.explain{
	width:1004px;
	margin:0px 0px 20px 10px;
}

.explain ul{
	background:#eee;
	font-size:1em;
	margin-top:10px;
	padding:15px;
	border-radius: 15px;
}

.explain ul li{
	list-style-type:decimal;
	font-size:0.9em;
	margin:5px 0px 0px 40px;
}

.explain ul li a.imgbtn{
	display:inline-block;
	width:40px;
	height:38px;
	background:url(../images/jt3.png) no-repeat;
}

.explain ul li a.go{
	background-position-x: -100px;
	background-position-y: -20px;
}

.explain ul li a.previous{
	background-position-x: -260px;
	background-position-y: -20px;
}

.explain ul li a.next{
	background-position-x: -20px;
	background-position-y: -20px;
}

.explain ul li a.help{
	background-position-x: -180px;
	background-position-y: -100px;
}


/* COMMENTS
----------------------------------------------------------*/

#comments {
	background-image: url("/images/title1.gif");
	background-repeat: repeat-x;
	border: 1px solid #d5d5d5;
	border-radius: 15px 15px 0px 0px;
	margin-top:10px;
	padding-top:3px;
}
#commentlist{
	font-size:0.9em;
}
#commenttext {
	width: 100%;
	height: 100px;
	margin-top:5px;
	margin-bottom:10px;
}

#commentbq {
	height: 55px;
	border: solid 1px #ddd;
	background: #fff;
	padding: 4px 10px;
	margin-top: 10px;
}

	#commentbq img {
		width: 18px;
		height: 19px;
		float: left;
		margin: 4px;
		cursor: pointer;
	}

#popularity {
	font-weight: normal;
}

.commentauthor {
	background: #f4f4f4 url(/images/home.gif) 5px 4px no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 0px 0px;
	color:#888;
}

.commentcontent {
	background: #f8f8f8;
	padding: 2px 5px 5px 20px;
}
                
/* 页码
----------------------------------------------------------*/
div#commentpages{ padding-top:5px; text-align:center; margin-bottom:10px; }
#commentpages a{border:solid 1px #ddd; background:#fff; color: #415d01; text-decoration:none; cursor:pointer; padding:0px 5px; }
#commentpages a.current{color:#fff; background:#888; cursor:auto; }
#commentpages a:hover{border:solid 1px #aaa; }
#commentpages a.current:hover{ border:solid 1px #ddd; }
#commentpages input#pageedit{ width:20px; border:0px; border-bottom:solid 1px #ddd; text-align:center }
#commentpages a#pagego{ background: #f8f8f8; }

div#pager{ padding-top:5px; text-align:center; }
#pager a{border:solid 1px #ddd; background:#fff; color: #415d01; text-decoration:none; cursor:pointer; padding:0px 5px; }
#pager a.current{color:#fff; background:#888; cursor:auto; }
#pager a:hover{border:solid 1px #aaa; }
#pager a.current:hover{ border:solid 1px #ddd; }
#pager input#pageedit{ width:20px; border:0px; border-bottom:solid 1px #ddd; text-align:center }
#pager a#pagego{ background: #f8f8f8; }

